<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<jsp:include page = "../metadatos.jsp" flush = "True" />
<html>
    <head>
        <title>Bienvenido al Sistema ERP MAGR </title>
    </head>
    <body>
        <div class="wrapper">
            <header class="header">
                <img src="./resources/Logo.PNG" />
            </header>
            <jsp:include page = "../menuNavegacion.jsp" flush = "True" />
            <!-- .Navigation Menu -->
            <main class="content">
                <form class="formee">
                    <fieldset>
                        <legend>DETALLES DEL PEDIDO</legend>
                        <div class="formee-msg-info">
                            <h3>Detalles:</h3>
                            <ul>
                                <li class="grid-12-12">
                                    <b>Pedido ID: </b><strong> <c:out value="${tarryPrincipal.idPedidoApuntador}"/> </strong>
                                </li>
                                <li class="grid-12-12">
                                    <b>Cliente/Razon Social: </b><strong><c:out value="${tarryPrincipal.clienteDTO.nombreCliente}"/></strong>
                                </li>
                                <li class="grid-12-12">
                                    <b>Direccion:</b><strong><c:out value="${tarryPrincipal.clienteDTO.domicilio}"/></strong>
                                </li>
                                <li class="grid-12-12">
                                    <b>Ciudad:</b><strong><c:out value="${tarryPrincipal.clienteDTO.ciudad}"/></strong>
                                </li>
                                <li class="grid-12-12">
                                    <b>Estado:</b><strong> <c:out value="${tarryPrincipal.clienteDTO.estado}"/></strong>
                                </li>
                                <li class="grid-12-12">
                                    <b>Telefono:</b><strong>  <c:out value="${tarryPrincipal.clienteDTO.telefono}"/></strong>
                                </li>
                            </ul>
                            <div class="grid-3-12">
                                <input type="button" value="Generar Reporte" onclick="location.href = './Almacen?action=packingList&idPedido=<c:out value="${tarryPrincipal.idPedidoApuntador}"/>'">
                            </div>
                            <div class="grid-3-12">
                                <input type="button" value="Regresar" onclick="location.href = './Almacen?action=inicio'" />
                            </div>
                        </div> 

                        <div class="grid-12-12">
                            <fieldset>
                                <legend>PRODUCTOS</legend>
                                <div class="grid-12-12">
                                    <table class="bordered" width="100%" >
                                        <thead>
                                            <tr style=" font-size:19px;">
                                                <th>ID PRODUCTO</th>
                                                <th>N° DE CORRUGADOS SOLICITADOS</th>
                                                <th>N° DE CORRUGADOS EN EXITENCIA</th>
                                                <th>DESICION SOBRE ITEM</th>
                                                <th>ESTADO</th>
                                                <!--<th>DETALLES PRODUCTO</th>-->
                                                <!--<th>OPCIONES</th>-->
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <c:forEach items="${tarryPrincipal.itemsPedido}" var="itm">
                                                <tr style=" font-size:19px;">
                                                    <td><c:out value="${itm.idProducto}"/></td>
                                                    <td><c:out value="${itm.cantidadCorrugados}"/></td>
                                                    <td><c:out value="${itm.existenciaActualProducto}"/></td>


                                                    <!-- EN ESPERA DE SER SURTIDO O DE SER PRODUCIDO  -->
                                                    <c:if test="${itm.banderaEstado == 0}">
                                                        <td> 
                                                            <div class="grid-4-12">
                                                                <input type="button" 
                                                                       value="opciones" 
                                                                       onclick="location.href = './Almacen?action=tomaDecision&idItem=<c:out value="${itm.id}"/>&idProducto=<c:out value="${itm.idProducto}"/>&idPedido=<c:out value="${itm.idPedido}"/>'" />
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div align="center"> 
                                                                <img src="./resources/reloj_arena.png" alt="PRODUCTO DEL PEDIDO EN ESPERA DE SER ATENDIDO" height="36" width="36" />
                                                            </div>
                                                        </td>
                                                    </c:if>
                                                        
                                                    <!-- ESTA SURTIDO --> 
                                                    <c:if test="${itm.banderaEstado == 1}">
                                                       
                                                        <td>
                                                            <div align="center"> 
                                                                <img src="./resources/check.png" alt="PRODUCTO DEL PEDIDO EN ESPERA DE SER ATENDIDO" height="36" width="36" />
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div align="center"> 
                                                                <img src="./resources/reloj_arena.png" alt="PRODUCTO DEL PEDIDO EN ESPERA DE SER ATENDIDO" height="36" width="36" />
                                                            </div>
                                                        </td>
                                                    </c:if>
                                                        
                                                     <!-- EN PRODUCCION-->    
                                                    <c:if test="${itm.banderaEstado == 2}">
                                                        <td> 
                                                            <div class="grid-4-12">
                                                                <img src="./resources/reloj_arena.png" alt="PRODUCTO DEL PEDIDO EN ESPERA DE SER ATENDIDO" height="36" width="36" />
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div align="center"> 
                                                                <img src="./resources/produccion.jpg" alt="PRODUCTO DEL PEDIDO EN ESPERA DE SER ATENDIDO" height="36" width="36" />
                                                            </div>
                                                        </td>
                                                    </c:if>
                                                        
                                                        <!-- PRODUCCION INFORMA QUE SE ESTA LISTO -->
                                                    <c:if test="${itm.banderaEstado == 3}">
                                                        <td> 
                                                            <div class="grid-4-12">
                                                                <img src="./resources/check.png" alt="PRODUCTO DEL PEDIDO EN ESPERA DE SER ATENDIDO" height="36" width="36" />
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div align="center"> 
                                                                <img src="./resources/produccion.jpg" alt="PRODUCTO DEL PEDIDO EN ESPERA DE SER ATENDIDO" height="36" width="36" />
                                                            </div>
                                                        </td>
                                                    </c:if>
                                                </tr>
                                            </c:forEach>
                                        </tbody>
                                    </table>
                                </div>
                            </fieldset>
                        </div>
                    </fieldset>
                </form>
            </main>
        </div>
    </body>
</html>
<jsp:include page = "../pie.jsp" flush = "True" />
